$bg-color-gray: #F7F7F7;
$bg-color-white: #FFF;
$text-color-red: #FC8B8B;
$bg-color-red: #FEA4A4;

@mixin lay_center {
  margin: 0 auto;
}



@mixin space-between($space:10px) {
  & > * + * {
    margin-left: $space;
  }
}

@mixin flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}

@mixin text-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@mixin vertical-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}

@mixin fixed-bottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}

@mixin text-line($line: 1) {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $line;
  line-clamp: $line;
  -webkit-box-orient: vertical;
}
